<!-- 薪酬-基础设置-新增工资表模板 -->
<template>
  <pageHeaderNew :title="title" showBack></pageHeaderNew>
  <a-tabs lazy-load default-active-key="1">
    <a-tab-pane key="1" title="设置工资项"> <SalarySetting /></a-tab-pane>
    <a-tab-pane key="2" title="设置统计项"> Content of Tab Panel 2 </a-tab-pane>
  </a-tabs>
  <article class="wrap">
    <footer>
      <a-button
        class="btn"
        style="
          margin-right: 20px;
          border: 1px rgba(242, 242, 242, 1) solid;
          background-color: #fff;
        "
        @click="$router.go(-1)"
        >返回</a-button
      >
      <a-button class="btn" type="primary" @click="save">保存</a-button>
    </footer>
  </article>
</template>

<script lang="ts" setup>
import SalarySetting from './SalarySetting/index.vue';
const title = '新增工资表模板';
</script>

<style lang="less" scoped>
.wrap {
  footer {
    height: 60px;
    width: calc(100% - 100px);
    background-color: #fff;
    box-shadow: 1px -1px 10px 0 #cacaca;
    position: fixed;
    bottom: 0;
    left: 10%;
    display: flex;
    justify-content: center;
    align-items: center;

    .btn {
      width: 120px;
      height: 40px;
      border-radius: 5px;
    }
  }
}
</style>
